@extends('home/main/layout')
@section('content')
<!--bottom-header-->
<!--start-breadcrumbs-->
<div class="breadcrumbs">
	<div class="container">
		<div class="breadcrumbs-main">
			<ol class="breadcrumb">
				<li><a href="{{asset('/')}}">首页</a></li>
				<li class="active">商品详情</li>
			</ol>
		</div>
	</div>
</div>
<!--end-breadcrumbs-->
<!--start-single-->
<div class="single contact">
	<div class="container">
		<div class="single-main">
			<div class="col-md-9 single-main-left">
				<div class="sngl-top">
					<div class="col-md-5 single-top-left">	
						<div class="flexslider">
							<ul class="slides">
								<li data-thumb="/uploads/product/carouse_pic/s1.jpg">
									<img src="/uploads/product/carouse_pic/s1.jpg" />
								</li>
								<li data-thumb="/uploads/product/carouse_pic/s2.jpg">
									<img src="/uploads/product/carouse_pic/s2.jpg" />
								</li>
								<li data-thumb="/uploads/product/carouse_pic/s3.jpg">
									<img src="/uploads/product/carouse_pic/s3.jpg" />
								</li>
								<li data-thumb="/uploads/product/carouse_pic/s4.jpg">
									<img src="/uploads/product/carouse_pic/s4.jpg" />
								</li>
							</ul>
						</div>
<!-- FlexSlider -->
<script defer src="{{asset('home/js/jquery.flexslider.js')}}"></script>
<link rel="stylesheet" href="{{asset('home/css/flexslider.css')}}" type="text/css" media="screen" />

<script>
// Can also be used with $(document).ready()
$(window).load(function() {
	$('.flexslider').flexslider({
		animation: "slide",
		controlNav: "thumbnails"
	});
});
</script>
					</div>	
					<div class="col-md-7 single-top-right">
						<div class="details-left-info simpleCart_shelfItem">
							<h3>商品标题</h3>
							<p class="availability">关键字： <span class="color">耐克男子休闲鞋</span></p>
							<div class="price_single">
								<span class="reducedfrom">￥市场价</span>
								<span class="actual item_price">￥商城价</span><a href="#">查看评论</a>
							</div>

							<h2 class="quick">描述:</h2>
							<p class="quick_desc">一双NB的鞋</p>
							<ul class="product-colors">
								<h3>色系：</h3>
								<li><a class="color1" href="#"><span> </span></a></li>
								<li><a class="color2" href="#"><span> </span></a></li>
								<div class="clear"> </div>
							</ul>
							<ul class="size">
								<h3>尺码</h3>
								<li><a href="#">7</a></li>
								<li><a href="#">6</a></li>
							</ul>
							<div class="quantity_box">
								<ul class="product-qty">
									<span>购买数量:</span>
									<select>
										<option>1</option>
										<option>2</option>
										<option>3</option>
										<option>4</option>
										<option>5</option>
									</select>
								</ul>
							</div>
							<div class="clearfix"> </div>
							<div class="single-but item_add">
								<input type="submit" value="加入购物车"/>
							</div>
						</div>
					</div>
					<div class="clearfix"></div>
				</div>
				<div class="latest products">
					<h3>相似商品推荐</h3>
					<div class="product-one">
						<div class="col-md-4 product-left single-left"> 
						<div class="p-one simpleCart_shelfItem">
							<a href="/single/1">
									<img src="/uploads/product/carouse_pic/b-1.jpg" alt="" />
									<div class="mask mask1">
										<span>快去看看</span>
									</div>
								</a>
							<h4>商品标题</h4>
							<p><a href="#"><span class="item_price">￥329</span></a></p>
						</div>
						</div>		
						<div class="clearfix"> </div>
					</div>
					<div class="product-one">
						<div class="col-md-4 product-left single-left"> 
						<div class="p-one simpleCart_shelfItem">
							<a href="/single/1">
									<img src="/uploads/product/carouse_pic/b-1.jpg" alt="" />
									<div class="mask mask1">
										<span>快去看看</span>
									</div>
								</a>
							<h4>商品标题</h4>
							<p><a href="#"><span class="item_price">￥329</span></a></p>
						</div>
						</div>		
						<div class="clearfix"> </div>
					</div>
				</div>
			</div>
			<div class="col-md-3 p-right single-right">
				<h3>人群</h3>
					<ul class="product-categories">
						<li><a href="#">男士</a> <span class="count">(14)</span></li>
						<li><a href="#">女士</a> <span class="count">(2)</span></li>
						<li><a href="#">儿童</a> <span class="count">(2)</span></li>
					</ul>
				<h3>运动</h3>
					<ul class="product-categories">
						<li><a href="#">休闲</a> <span class="count">(14)</span></li>
					</ul>
				<h3>品牌</h3>
					<ul class="product-categories">
						<li><a href="#">Nike</a> <span class="count">(14)</span></li>
					</ul>
			
			</div>
			<div class="clearfix"> </div>
		</div>
	</div>
</div>
<!--end-single-->
@stop

